<template>
  <div class="dog">
  
    <Dog @bianColor="haoDog"></Dog>
    <Dog></Dog>
    <Dog></Dog>
    <Dog></Dog>
    <Dog></Dog>
    <Dog></Dog>


  </div>
  
</template>

<script>
      import Dog from './components/Dog.vue'

export default {
          data(){
            return{
                // names:['red','yellow','orange']
            }
          },

 components:{
   Dog
 },
 methods:{
  //  haoDog(){

  //  }
 }


};
</script>

<style>
.my_div {
  width: 200px;
  border: 1px solid black;
  text-align: center;
  float: left;
}

.my_div img {
  width: 100%;
  height: 200px;
}
.dog{
  width: 750px;
  margin: 0 auto;
}
</style>